<!--
 * @Author: your name
 * @Date: 2022-02-14 11:37:51
 * @LastEditTime: 2022-02-14 11:44:34
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \vue-admin-better\src\layouts\components\VabCard\index.vue
-->
<template>
  <div class="vab-card">
    <el-card class="is-never-shadow vab-card page-header">
      <div class="el-card__body">
        <span
          class="el-avatar el-avatar--default el-avatar--circle page-header-avatar"
        ></span>
        <div class="page-header-tip"></div>
        <span class="page-header-avatar-list"></span>
      </div>
    </el-card>
  </div>
</template>
<script>
  import { getList } from '@/api/ad'
  export default {
    name: 'VabCard',
    data() {
      return {
        nodeEnv: process.env.NODE_ENV,
        adList: [],
      }
    },
    created() {
      this.fetchData()
    },
    methods: {
      async fetchData() {
        const { data } = await getList()
        this.adList = data
      },
    },
  }
</script>
<style lang="scss" scoped>
  .vab-ad {
    height: 30px;
    padding-right: $base-padding;
    padding-left: $base-padding;
    margin-bottom: -20px;
    line-height: 30px;
    cursor: pointer;

    a {
      color: #999;
    }
  }
</style>
